<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>示例</title>
  </head>
  <body>
    <div class="warpper">
      <div class="header">
        <div class="title-box">
          <h1>这是一个网页示例</h1>
        </div>
        <div class="subtitle-box">
          <h6>我是副标题</h6>
        </div>
        <div class="news-desc-box">
          <div class="news-publishPart">
            <span>发稿单位：</span>
            <span>野比大雄家</span>
          </div>
          <div class="news-publisher">
            <span>发稿人：</span>
            <span>哆啦A梦</span>
          </div>
          <div class="news-publishTime">
            <span>发稿时间：</span>
            <span>2025-07-21</span>
          </div>
        </div>
      </div>
      <div class="body">
        <div class="produce">
          <div class="p-title">
            <h3>影片简介</h3>
          </div>
          <p>
            《哆啦A梦：大雄的地球交响乐》是《哆啦A梦》系列2D动画电影的第43部作品，也是藤子·F·不二雄诞辰90周年纪念作品。
          </p>
          <p>
            由今井一晓执导，内海照子担任编剧，水田山葵、大原惠美等配音。该片于2024年3月1日在日本上映，于2024年5月31日在中国内地上映
            [11]。
            该片主要讲述了音乐从地球上消失，哆啦A梦、大雄和新的小伙伴通过演奏音乐来拯救地球的伟大冒险故事。
          </p>
          <p>该片日本票房总收入43.1亿日元。</p>
        </div>
        <div class="content-prod">
          <div class="p-title">
            <h3>剧情简介</h3>
          </div>
          <p>
            为了准备学校音乐会的演出，大雄埋头苦练他并不擅长的竖笛。这时，他的面前出现了一位神秘的外星少女米佳，她格外中意大雄吹出来的跑调的笛声，于是米佳引领哆啦A梦和伙伴们来到了以音乐为能量的外星球上的一座音乐殿堂。就在这时，一种能够令音乐从世界上消失的神秘生命体突然降临，地球陷入危机……！哆啦A梦和伙伴们究竟能否拯救音乐的未来和地球危机呢？
          </p>
        </div>
        <div class="role-prod">
          <div class="p-title">人物介绍</div>
          <div class="role-box">
            <div class="role">
              <div class="role-img">
                <img src="./images/mijia.webp" alt="" />
              </div>
              <div class="role-desc-box">
                <div class="role-name">米佳</div>
                <div class="role-desc">
                  生活在名为「珐籁的殿堂」的人造卫星一样的建筑物中的穆西卡星女孩。歌唱得特别动听。
                </div>
              </div>
            </div>
            <div class="role">
              <div class="role-img">
                <img src="./images/恰佩克.webp" alt="" />
              </div>
              <div class="role-desc-box">
                <div class="role-name">恰佩克</div>
                <div class="role-desc">
                  照顾米佳的机器人。偶尔会降落到地球寻找音乐达人。梦想是成为作曲家。
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer">
        <div class="footer-item">
          <div class="item-title">新手上路</div>
          <div class="item-action">
            <div><span>成长任务</span><span>编辑入门</span></div>
          </div>
          <div class="item-action">
            <div><span>编辑规则</span><span>本人编辑</span></div>
          </div>
        </div>
        <div class="footer-item">
          <div class="item-title">我有疑问</div>
          <div class="item-action">
            <div><span>内容质疑</span><span>在线客服</span></div>
          </div>
          <div class="item-action">
            <div><span>官方贴吧</span><span>意见反馈</span></div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
